@charset "utf-8";
/*首页*/
.m_index_focus{position:relative;width:auto;margin:0 auto; }
#swiper_container_top_Focus{overflow:hidden}
.m_index_focus ul{position:relative;width:100%;}
.m_index_focus ul li{position:relative;float:left;}
.m_index_focus ul .title{background: url(z19_focus_title_en.png) repeat-x bottom left;color:#fff;position:absolute;left:0;right:0;bottom:0; width:100%; height:100%}
.focus_title_box{min-width:960px; max-width:1390px; margin:0 auto; padding:0 20px;color:#fff; position:relative; height:100%}
.focus_title_box p{font-size:35px;line-height:50px;width:65%;display:block;position:absolute;bottom:40px;}
.focus_title_box p span{font-size:18px;color:#fff;font-weight:normal;float: right;}
.focus_title_box p a{color:#fff}
.m_index_focus ul img{width:100%;display:block; height:auto;}
.m_index_focus .pagination{text-align:right; float:right; }
.m_index_focus .pagination span{display:inline-block;width:14px;height:14px;background:#fff;margin-right:8px; border-radius:50%; opacity:1}
.m_index_focus .pagination span.swiper-active-switch{ width:34px; border-radius:7px;}
.m_index_focus .swiper-button-next, .m_index_focus .swiper-button-prev{width:42px; height:42px; float:right; position:relative; right:0; left:0; top:0; margin-top:-12px; cursor:pointer;}
.m_index_focus .swiper-button-next{background:url(z19_focus_right_en.png); margin-left:10px; }
.m_index_focus .swiper-button-prev{background:url(z19_focus_left_en.png); margin-right:18px}
.focus_img_m{display:none !important}
.swiper_Focus{position:absolute; bottom:0; width:100%; left:0; z-index:2;  }
.swiper_Focus_box{min-width:960px; max-width:1390px; margin:-80px auto; padding:0 20px}

.row{padding:94px 0 0}
.row_title{margin-bottom:48px; overflow:hidden}
.row_title h4{font-size:50px; color:#444; text-align:center; margin-bottom:6px;font-family: 'Raleway-Bold';}
.row_line{width:40px; height:4px; background:#f1f3f9; margin:0 auto; border-radius:2px;}
.newsDiv img{height:202px; width:100%; display:block;}
.newsDiv_img{overflow:hidden; }
#news_swiper .newsDiv_img{margin-top:-20px;}
.newsDiv{ margin:0 17px; padding-bottom:110px; position:relative; overflow:hidden; padding-top:20px;}
.newsBox{position:relative; padding:42px 22px 0;}

.news_p{font-size:20px; line-height:30px; color:#fff;  overflow:hidden;}
.news_p a{color:#fff}
.news_date{width:76px; height:70px; position:absolute; bottom:24px; right:24px;text-align:center}
.news_date h5{font-size:30px;font-family: 'Roboto-Bold'; margin-top:6px}
.news_date h6{font-size:20px; line-height:19px;font-family: 'Roboto-Bold';}
.bgGreen{background:#27BAD0;}
.bgGreen .news_t{color:#27BAD0; border-left:3px solid #1BB3CA;}
.bgGreen .news_date{color:#b8dfe6; border:1px solid #b8dfe6;}
.bgYellow{background:#F7B80F;}
.bgYellow .news_t{color:#F7B80F; border-left:3px solid #EDAF09;}
.bgYellow .news_date{color:#f9df99; border:1px solid #f9df99;}
.bgBlue{background:#319DEF;}
.bgBlue .news_t{color:#319DEF; border-left:3px solid #2694E7;}
.bgBlue .news_date{color:#a6cdf4; border:1px solid #a6cdf4;}
.bgRed{background:#CF4E2E;}
.bgRed .news_t{color:#CF4E2E; border-left:3px solid #CC3B17;}
.bgRed .news_date{color:#e3ada0; border:1px solid #e3ada0;}
.bgGreen2{background:#74b830;}
.bgGreen2 .news_t{color:#74b830; border-left:3px solid #66b11c;}
.bgGreen2 .news_date{color:#b9db97; border:1px solid #abd482;}
.bgZi{background:#955cdc;}
.bgZi .news_t{color:#955cdc; border-left:3px solid #9443dd;}
.bgZi .news_date{color:#c8acec; border:1px solid #be9ce9;}
.newsDiv2 .news_t{top:0}
.newsDiv2 .news_p{margin-top:100px; }

.more{width:340px; height:60px; line-height:60px; text-align:center; font-size:22px; font-weight:bold;  margin:60px auto 50px; background-color:#2f2424}
.more a{color:#fff; display:block}
.more:hover{background-color:rgb(47,36,36,0.9);}
.more:hover a{text-decoration:none}


.bg_black{background:#2c2c2c}
.row_title2 h4{color:#fff;}
.row_line2{background:#535455}
.news_swiper2{background:none}
.news_txt{font-size:18px; border-left:5px solid #2C59CD; margin-top:20px; padding-left:10px; line-height:28px; color:#fff}
.news_txt a{color:#fff}
.news_img{position:relative}
.newsDiv .new_video{position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; width:36px; height:36px;}
.news_swiper2 .swiper-button-prev, .news_swiper2 .swiper-button-next{width:39px; height:78px; margin-top:inherit; top:76px; z-index:999;cursor:pointer;}
.news_swiper2 .swiper-button-next{background:url(z19_news_right2_en.png); right:-24px; }
.news_swiper2  .swiper-button-prev{background:url(z19_news_left2_en.png); left:-24px;}
.more2{background-color:rgb(255,255,255,0.2);color:#fff; margin:0 auto 50px}
.more2:hover{background-color:rgb(255,255,255,0.3);}
.row_bg{ position:relative; overflow:hidden}
.row_bg .row_center{position:relative}
.row_bg .row_title3{position:absolute; width:100%}
.row_bg_img{position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);transition: all 1s linear;}
.row_bg_img_m{position:absolute; top:0; left:0; width:100%; height:100%;}
.row_title3 h4{color:#195D85}
.people_box img{ height:276px; border-radius:50%;}
.people_img{float:left;width:276px; margin:0 70px 0 80px;}
.people_img h6{font-size:30px;text-shadow: 0px 2px 4px rgb(0,0,0,0.5); color:#fff; margin:30px 0 20px; text-align:center;}
.row_center{min-width:916px; max-width:1388px; margin:0 auto; overflow:hidden}
.people_txt{overflow:hidden; color:#fff; margin-right:80px; text-shadow:0px 2px 4px rgb(0,0,0,0.5);}
.people_txt h5{font-size:25px; margin:60px 0 30px 0; line-height:38px}
.people_txt h5 a{color:#fff}
.people_txt p{font-size:16px; line-height:30px;font-family: 'OpenSans-Regular';}
.people_box{height:490px}
.more3{margin:0 auto 50px; background:#647699; color:#fff}
.arrow-left,.arrow-right{width:28px; height:49px; position:absolute; top:120px; z-index:10;}
.arrow-left{background:url(z19_news_left3_en.png); left:0}
.arrow-right{background:url(z19_news_right3_en.png); right:0}
.device{position:relative; margin-top:150px;}
.row_title4 h4{ float:left;}
.row_left{width:44%;float:left; margin-right:34px; position:relative}
.row_left img{width:100%}
.row_right,.event_t1{overflow:hidden}

.bg_hui{background:#f1f3fa}
.row_line4{background:#fff}
.res_list li{width:23%; float:left; margin-right:2.5%}
.res_box{position:relative}
.res_list li img{width:100%; height:212px;}
.res_box span{display:block;padding:0 20px;height:34px;background:#F26033;color:#fff;font-size:17px;left:50%;position:absolute;margin-top:-17px;text-align:center;line-height:34px;transform: translate(-50%, 0);max-width:80%;white-space: nowrap;}
.res_box h5 a{color:#444}
.res_box h5{font-size:18px; margin:30px 0 10px; line-height:28px;}
.res_box p{font-size:14px; color:#747474; line-height:24px;font-family: 'OpenSans-Regular'; height:99px; overflow:hidden}
.res_list{overflow:hidden}
.for_list li{float:left; width:31.5%; margin-right:2.5%;}
.for_list li img{float:left; margin-right:24px; width:86px;}
.for_txt h5{font-size:18px; color:#444; line-height:28px; margin-bottom:10px; height:60px; overflow:hidden}
.for_txt p{font-size:14px;color:#747474; line-height:24px;font-family: 'OpenSans-Regular';}
.for_txt,.for_list{overflow:hidden}
.for_ads{background:url(z19_ads.png) no-repeat left center; background-size:18px 23px; padding-left:24px; margin-top:10px; line-height:24px}

.subMore:hover{background:#2F2424; color:#fff; text-decoration:none}
.cas_maplist{display:none}
#news_swiper{background:url(z19_fours_bg.png) no-repeat 134px center;}
.event_txt{ background:#f1f3fa}
.row_title4 .row_line{ background:#E5EAF7}


@media screen and (max-width:1200px) and (min-width:768px){
.row_center{margin:0 20px}
}

@media screen and (max-width:1280px) and (min-width:1024px){
.res_list li img{ height:150px}
.newsDiv img{height:170px}
}
@media screen and (max-width:1023px) and (min-width:768px){
.res_list li img{ height:232px}
}

@media screen and (min-width:1280px){
.res_box h5{height:88px; overflow:hidden}
.res_box p{height:99px; overflow:hidden}
}

@media screen and (max-width:1480px) and (min-width:1200px){
.row_center{margin:0 70px}
.news_swiper_center{padding:0 70px}
.focus_title_box,.swiper_Focus_box{padding:0 70px}
.nav li h5{padding:0 20px}
.container{padding:0 70px}
}

@media screen and (max-width:1280px) and (min-width:1000px){
.focus_title_box p{font-size:30px; line-height:46px}
.news_p{font-size:16px; line-height:24px}
.newsBox{ padding:30px 14px 0;}
.news_t{left:14px}
.event_t1 h5{font-size:22px; line-height:32px}
.event_list h5{font-size:20px; line-height:30px}
}

